
@media (min-width: 920px) {
  .fuJtcf {
    width: 380px;
  }
}



@media (max-width: 512px) {
  body .my-list-li {
    width: calc(100% - 0px);
  }

  body div.ys-connect .jdiWPe {
    padding-left:  10px;
  }
  body .ys-connect .kQHFfY{
    padding : 20px;
  }

  body .left-login-bg{
    display: none;
  }

  body div.swiper-slide .is-banner:nth-child(3n){
    display: none;
  }
  body div.swiper-slide .is-banner:nth-child(4n){
    display: none;
  }
  body div.swiper-slide .is-banner:nth-child(2n){
    display: none;
  }
  body div.swiper-slide .is-banner:nth-child(5n){
    display: none;
  }
  body  div.is-big-focus {
    width: 100%;
  }
  body  div.is-banner {
    width: 100%;
  }

}
@media (min-width: 578px){

}

@media (min-width: 512px) and (max-width: 990px) {

  body .my-list-li {
    width: calc(50% - 0px);
  }


}

@media (max-width: 990px) {


.t-logo{ display: none;}
body .t-search{ display: none; }
 body .t-big-nav{display: none;}
 body .t-big-area{ display: none;}
 body .t-small-area{
     display: block;
 }

    .kBcPwt {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }
    .kBcPwt > :not(:last-child) {
        margin-right: 8px;
    }

    .t-small-area .lcA-dFo {
        height: 40px;
        width: 40px;
        border: 1px solid transparent;
        -webkit-box-align: center;
        align-items: center;
        cursor: pointer;
        outline: none;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 0.12s ease-in-out 0s;
        border-radius: 40px;
        background-color: rgba(4, 4, 5, 0.08);
        color: rgb(4, 4, 5);
        transform-origin: center center;
    }
    .t-small-area .jdNDQo {
        border-color: rgba(4, 4, 5, 0.1);
        color: rgba(4, 4, 5, 0.8);
        background: transparent;
    }

 body  .iVawuy {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(20px);
        transform: translateZ(0px);
    }

    body  .kObXMP {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: rgb(255, 255, 255);
        color: rgb(4, 4, 5);
        display: flex;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex-grow: 1;
        z-index: 200;
    }
    body .fIajze {
        max-width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        padding-bottom: env(safe-area-inset-bottom);
        overflow-y: scroll;
    }
    body .ejfNgO {
        border-bottom: 1px solid rgb(230, 230, 230);
        background: rgb(255, 255, 255);
    }
    body .kKHDEG {
        padding-left: 24px;
        padding-right: 24px;
    }

    body .lcA-dFo {
        height: 40px;
        width: 40px;
        border: 1px solid transparent;
        -webkit-box-align: center;
        align-items: center;
        cursor: pointer;
        outline: none;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 0.12s ease-in-out 0s;
        border-radius: 40px;
        background-color: rgba(4, 4, 5, 0.08);
        color: rgb(4, 4, 5);
        transform-origin: center center;
    }

    body .jdNDQo {
        border-color: rgba(4, 4, 5, 0.1);
        color: rgba(4, 4, 5, 0.8);
        background: transparent;
    }
    body .kKHDEG {
        padding-left: 16px;
        padding-right: 16px;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        height: 74px;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-basis: auto;
        display: flex;
    }
    body .faTBzt {
        flex-direction: row;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -webkit-box-align: stretch;
        align-items: stretch;
        border: 1px solid transparent;
        background: rgba(4, 4, 5, 0.07);
        height: 40px;
        padding: 0px 16px;
        border-radius: 24px;
        transition: all 0.12s ease-in-out 0s;
    }
    body .VfMJL {
        margin-left: 16px;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-direction: column;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }
    body .efugOO {
        color: rgb(128, 128, 128);
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
    }
    body .jaediC {
        font-family: inherit;
        font-weight: 500;
        vertical-align: inherit;
        width: 100%;
        overflow: hidden;
        padding: 0px;
    }
    body .fTNHxi {
        padding-top: 16px;
        padding-bottom: 16px;
        top: 74px;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    body .iawVjN {
        background: rgb(255, 255, 255);
        -webkit-box-flex: 1;
        flex-grow: 1;
    }

    body .fiElIf {
        padding: 8px 24px;
        text-align: left;
    }
    body .eBKKhd {
        padding-top: 32px;
        padding-bottom: 32px;
        max-width: 215px;
        vertical-align: inherit;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    body .jRVBeI {
        font-family: inherit;
        font-weight: inherit;
        color: rgb(128, 128, 128);
        text-align: center;
        vertical-align: inherit;
    }

    body .itJnMW {
        width: 22px;
        height: 16px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 0.12s ease-in-out 0s;
        opacity: 0.5;
    }

    body .kObXMP {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: rgb(255, 255, 255);
        color: rgb(4, 4, 5);
        display: flex;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex-grow: 1;
        z-index: 200;
    }

    body .jFMehx {
        -webkit-box-align: center;
        align-items: center;
        margin-left: 16px;
        -webkit-box-pack: center;
        justify-content: center;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
    }

    body .cEMbhx {
        margin-bottom: 16px;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    body .dWsuqr {
        padding: 8px 28px;
        text-align: left;
    }

    body .jMYxPK {
        font-family: inherit;
        font-weight: 500;
        vertical-align: inherit;
    }

    body .iEsgSa {
        cursor: pointer;
        color: rgb(4, 4, 5);
        transition: all 0.12s ease-in-out 0s;
        text-align: left;
        min-height: 35px;
        padding: 8px 14px;
        margin: 0px 14px;
        border-radius: 6px;
    }

    body .jtIZqj {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-basis: auto;
        display: flex;
    }

    body .jnPLac {
        width: 40px;
        height: 40px;
    }

    body .iJAXPf {
        background-color: rgb(255, 255, 255);
        position: relative;
        border-radius: 100%;
        z-index: 1;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    body .jMYxPK {
        font-family: inherit;
        font-weight: 500;
        vertical-align: inherit;
    }

    body .iriXCP {
        flex-shrink: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        margin-left: 20px;
    }

    body .ikhqOo {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: 900;
        font-size: 15px;
        color: rgb(4, 4, 5);
        vertical-align: inherit;
    }

    body .lnnZHl {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: 900;
        vertical-align: inherit;
        color: rgb(4, 4, 5);
        font-size: 14px;
    }

    body .hWYpcx {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: 500;
        margin-top: 4px;
        font-size: 13px;
        color: rgb(128, 128, 128);
        vertical-align: inherit;
    }

    body .iKAMZE {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: inherit;
        vertical-align: inherit;
        font-size: 13px;
        color: rgb(128, 128, 128);
    }

    body .hqzvpz {
        object-fit: cover;
        border-radius: 40px;
        vertical-align: inherit;
    }

    body lbvkdu {
        cursor: pointer;
        color: rgb(4, 4, 5);
        transition: all 0.12s ease-in-out 0s;
        text-align: left;
        min-height: 35px;
        padding: 8px 12px;
        margin: 0px 12px;
        border-radius: 6px;
    }

    body .gdhXKD {
        flex-direction: row;
        -webkit-box-align: stretch;
        align-items: stretch;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-basis: auto;
        display: flex;
    }

    body .jnPLac {
        width: 40px;
        height: 40px;
    }

    body .iriXCP {
        flex-shrink: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        margin-left: 20px;
    }

    body .ikhqOo {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: 900;
        font-size: 15px;
        color: rgb(4, 4, 5);
        vertical-align: inherit;
    }

    body .lnnZHl {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: 900;
        vertical-align: inherit;
        color: rgb(4, 4, 5);
        font-size: 14px;
    }

    body .hWYpcx {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        font-family: inherit;
        font-weight: 500;
        margin-top: 4px;
        font-size: 13px;
        color: rgb(128, 128, 128);
        vertical-align: inherit;
    }

    body .iYlzTX {
        justify-content: stretch;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    body .dszNnk {
        width: 40px;
        height: 40px;
        border-radius: 6px;
        object-fit: cover;
        vertical-align: inherit;
    }

    body .lgaBJv {
        -webkit-box-pack: center;
        justify-content: center;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    body .is-banner{
        width: 50%;
    }
    body .is-big-focus{

        width: 50%;
        height: 456px;
        vertical-align: inherit;
        max-width: 100%;
        min-height: 0px;
        min-width: 0px;
        flex-shrink: 0;
        flex-direction: column;
        flex-basis: auto;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }
    body  .is-small-btn{
        display: none;
    }

    .zPuL.cur{ height: 100vh;}

    body .bzLRjx > :not(:last-child) {
        margin-bottom: 20px;
    }
    body .fElMzr {
        position: relative;
        display: flex;
        -webkit-box-flex: 1;
        flex-grow: 1;
    }



  .ys-activity .ys-filters{}
  .ys-filters.ervbLS {
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    width: 100%;
    background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.1));
  }
  .ys-filters .iejHHc {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    background-color: rgba(4, 4, 5, 0.08);
    line-height: 48px;
    height: 48px;
    padding-left: 26.4px;
    padding-right: 26.4px;
    min-width: 192px;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 48px;
    font-size: 15px;
    font-weight: 900;
    font-family: inherit;
    transition: all 0.12s ease-in-out 0s;
    transform-origin: center center;
    user-select: none;
    cursor: pointer;
  }
  body .ys-filters .iejHHc {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    background-color: rgba(4, 4, 5, 0.08);
    line-height: 48px;
    height: 48px;
    padding-left: 26.4px;
    padding-right: 26.4px;
    min-width: 192px;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 48px;
    font-size: 15px;
    font-weight: 900;
    font-family: inherit;
    transition: all 0.12s ease-in-out 0s;
    transform-origin: center center;
    user-select: none;
    cursor: pointer;
  }
 body .ys-filters .cvygfi {
    border-color: rgb(0, 102, 255);
    color: rgb(255, 255, 255);
    background: rgb(0, 102, 255);
  }
  .ys-filters .ldutft {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
    margin-bottom: 16px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  body .ys-activity  .right-filter{ display: none;}
  .small-filters.vkyaY {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-name: fzQncV;
    display: block;
    z-index: 1000;
  }
  .small-filters .ffNOMl {
    overflow-y: scroll;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(4, 4, 5, 0.9);
    z-index: 10;
    padding-top: 75px;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-name: jOnoDc;
  }
  .small-filters .jKLUHq {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 20;
  }
  body  .small-filters .kBjimt {
    height: 40px;
    width: 40px;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    transition: all 0.12s ease-in-out 0s;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.08);
    color: rgb(255, 255, 255);
    transform-origin: center center;
  }
  body .small-filters .jBnuOm {
    margin: auto;
    width: 380px;
    transform-origin: center center;
    border-radius: 16px;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-name: czaBCI;
  }
  body .small-filters .jBnuOm {
    margin-top: auto;
    border: none;
    box-shadow: rgba(4, 4, 5, 0.05) 0px 4px 20px 4px;
    background: rgb(255, 255, 255);
    color: rgb(4, 4, 5);
    width: 100%;
    border-radius: 16px 16px 0px 0px;
    z-index: 15;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-name: czaBCI;
  }
  body .small-filters .hqAiOT {
    position: relative;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  body  .small-filters .kzFatI {
    padding: 20px 28px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  body .small-filters .cTjntW {
    font-family: inherit;
    font-weight: 900;
    font-size: 28px;
    vertical-align: inherit;
  }
  body .small-filters .kAbbjX {
    padding: 0px 28px 28px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  body .small-filters .LQcdw {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    background-color: rgba(4, 4, 5, 0.08);
    line-height: 40px;
    height: 40px;
    padding-left: 22px;
    padding-right: 22px;
    min-width: auto;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 900;
    font-family: inherit;
    transition: all 0.12s ease-in-out 0s;
    transform-origin: center center;
    user-select: none;
    cursor: pointer;
  }
  body .small-filters .gVNeEo {
    flex-flow: row wrap;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  body .small-filters .jBnuOm {
    margin: auto;
    width: 380px;
    transform-origin: center center;
    border-radius: 16px;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-name: czaBCI;
  }
  body .small-filters .cIwZIy {
    color: rgb(4, 4, 5);
    background: transparent;
    border: 1px solid rgba(4, 4, 5, 0.1);
    box-shadow: none;
  }
  body .small-filters .hWeJUR > * {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  body .small-filters  .iejHHc {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    background-color: rgba(4, 4, 5, 0.08);
    line-height: 48px;
    height: 48px;
    padding-left: 26.4px;
    padding-right: 26.4px;
    min-width: 192px;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 48px;
    font-size: 15px;
    font-weight: 900;
    font-family: inherit;
    transition: all 0.12s ease-in-out 0s;
    transform-origin: center center;
    user-select: none;
    cursor: pointer;
  }
  body .small-filters .cvygfi {
    border-color: rgb(0, 102, 255);
    color: rgb(255, 255, 255);
    background: rgb(0, 102, 255);
  }
  body .ys-footer .dqwNJl{
    width: 100%;
    margin-bottom: 32px;
  }
  body .ys-footer .bASbzE{
    max-width: 100%;
  }
  body .ys-footer .iYknUG {
    width: 50%;
    flex: 1 1 auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  body .ys-footer .evtrEw{
    width: 98%; max-width: 98%;
  }
  body .ys-footer .cykhnf {
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  body .ys-footer .cuSeyw {
    margin-top: 16px;
  }

    body  .ys-header  .small-nav-drop{
        display: block;
    }
    body  .ys-header  .small-nav-search{
        display: block;
    }

    body .hhivb {
        padding-left: 24px;
        padding-right: 24px;
    }
    body  .ys-header .create-main{
        display: none;
    }
    body .ys-header .sign-in{
        display: none;
    }

  body .jbXHhJ {
    margin-right: 0px;
    margin-top: 8px;
    order: 3;
  }
    body .swiper-slide .is-banner:nth-child(3n){
      display: none;
    }
  body .swiper-slide .is-banner:nth-child(4n){
    display: none;
  }
  .open-menu.hMelPW {
      position: fixed;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      background: rgb(255, 255, 255);
      color: rgb(4, 4, 5);
      display: flex;
      flex-direction: column;
      -webkit-box-flex: 1;
      flex-grow: 1;
      z-index: 200;
    }
  .open-menu  .cBEutY {
      max-width: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      right: 0px;
      bottom: 0px;
      padding-bottom: env(safe-area-inset-bottom);
      overflow-y: scroll;
    }
  .open-menu  .ksHzQi {
      padding-left: 16px;
      padding-right: 16px;
      flex-direction: row;
      -webkit-box-align: center;
      align-items: center;
      height: 74px;
      -webkit-box-pack: justify;
      justify-content: space-between;
      vertical-align: inherit;
      max-width: 100%;
      min-height: 0px;
      min-width: 0px;
      flex-shrink: 0;
      flex-basis: auto;
      display: flex;
    }
  .open-menu  .jtIZqj {
      flex-direction: row;
      -webkit-box-align: center;
      align-items: center;
      vertical-align: inherit;
      max-width: 100%;
      min-height: 0px;
      min-width: 0px;
      flex-shrink: 0;
      flex-basis: auto;
      display: flex;
    }
  .open-menu  .kwSdl {
      margin-left: 16px;
      vertical-align: inherit;
      max-width: 100%;
      min-height: 0px;
      min-width: 0px;
      flex-shrink: 0;
      flex-direction: column;
      flex-basis: auto;
      display: flex;
      -webkit-box-align: stretch;
      align-items: stretch;
    }
  .open-menu  .jdiWPe {
      display: inline-block;
    }

  .open-menu .LQcdw {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    background-color: rgba(4, 4, 5, 0.08);
    line-height: 40px;
    height: 40px;
    padding-left: 22px;
    padding-right: 22px;
    min-width: auto;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 900;
    font-family: inherit;
    transition: all 0.12s ease-in-out 0s;
    transform-origin: center center;
    user-select: none;
    cursor: pointer;
  }
  .open-menu  .djMVVj {
    border-color: rgba(4, 4, 5, 0.1);
    color: rgb(4, 4, 5);
    background: transparent;
  }
  .open-menu .cekLAR {
    height: 40px;
    width: 40px;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    transition: all 0.12s ease-in-out 0s;
    border-radius: 40px;
    background-color: rgba(4, 4, 5, 0.08);
    color: rgb(4, 4, 5);
    transform-origin: center center;
  }
  .open-menu .bGFdea {
    border-color: rgba(4, 4, 5, 0.1);
    color: rgba(4, 4, 5, 0.8);
    background: transparent;
  }
  .open-menu .kwWcOR {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 8px;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-direction: column;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .open-menu .NmjZO {
    font-family: inherit;
    font-weight: 900;
    font-size: 20px;
    vertical-align: inherit;
  }
  .open-menu .dCZeUS {
    transition: all 0.12s ease-in-out 0s;
    color: rgb(4, 4, 5);
  }
  .open-menu .dpxqFg {
    font-family: inherit;
    font-weight: 900;
    color: rgb(12, 80, 255);
    font-size: 18px;
    vertical-align: inherit;
    __background: linear-gradient(to right, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%) text;
  }
  .open-menu .ccOAwW {
    margin-top: 8px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .open-menu  .cXqHpm {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
    padding-bottom: 16px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .open-menu .jppoHH {
    background-color: rgb(230, 230, 230);
    height: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .open-menu .iEZsSN {
    margin-top: 16px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .open-menu .icnXCy {
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex;
  }
  .open-menu .kECbQs {
    transition: all 0.12s ease-in-out 0s;
    color: rgb(128, 128, 128);
  }
  .open-menu .iEZsSN {
    margin-top: 16px;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: auto;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
  }
  .open-menu .hrNWuW {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    background-color: rgba(4, 4, 5, 0.08);
    line-height: 48px;
    height: 48px;
    padding-left: 26.4px;
    padding-right: 26.4px;
    min-width: 100%;
    border: 1px solid transparent;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 48px;
    font-size: 15px;
    font-weight: 900;
    font-family: inherit;
    transition: all 0.12s ease-in-out 0s;
    transform-origin: center center;
    user-select: none;
    cursor: pointer;
  }
  .open-menu .gAjtoe {
    border-color: transparent;
    color: rgb(0, 102, 255);
    background: rgba(0, 102, 255, 0.15);
  }
 body .ys-connect .jdiWPe {
    padding-left: 210px;
  }
  body .ys-connect .kQHFfY{
    padding-right: 20px;
  }




    body .small-more{display: block;}
    .fq-nav{ display: none}
    .community-nav{ display: none}
    /****************** dark *********************************************************/
}
